<template>
  <section>
    <div class="text-wrapper">
      <a-card title="信息安全课程设计" :bordered="false" style="width: 90%; margin-top: 20px">
        <h3>选题: RSA、RC4🥗</h3>
        <h3>技术: Golang 算法实现 + Vue.js 页面展示</h3>
        <h3></h3>
      </a-card>
      <a-card title="任务功能" :bordered="false" style="width: 90%; margin-top: 20px">
        <h3>RSA加密、解密、加签、验签、下载密钥（txt）、读取密钥（txt）</h3>
        <h3>RC4加密、解密、自定义S-BOX</h3>
      </a-card>
      <a-card title="扩展功能" :bordered="false" style="width: 90%; margin-top: 20px">
        <h3>HMAC编码字符串</h3>
        <h3>MD5编码字符串</h3>
        <h3>SHA-1编码字符串</h3>
        <h3>SHA-224、SHA-256编码字符串</h3>
        <h3>SHA-384、SHA-512编码字符串</h3>
      </a-card>
    </div>
    <div class="image-wrapper">
      <img src="@/assets/image/bg1.jpg" alt="背景图1" style="height: 750px">
    </div>
  </section>
</template>

<script>
export default {
  name: "Home"
}
</script>

<style scoped>
.text-wrapper {
  height: 800px;
  float: left;
  /*margin-left: 10px;*/
  display: inline;
}

.image-wrapper {
  display: flex;
  margin-top: 40px;
  justify-content: center;
}
</style>
